﻿@{
	ViewBag.Title = "Карта";
}
@section Headers
{
	@Scripts.Render("~/Scripts/home/MapView")
}


<div id="MainSplitter">
	<div id="splitter">
		<div>
			<div id="jqxNavigationBar">
				<div>
					<div style='margin-top: 2px'>
						<div class="treeOfCar"></div>
						<div style='margin-left: 4px; float: left' id="carFilterTools">Дерево машинок</div>
					</div>
				</div>
				<div id='jqxTree'></div>                   
				<div>
					<div style='margin-top: 2px;'>
						<div class="treeOfZone" ></div>
						<div style='margin-left: 4px; float: left;'>Дерево зон</div>
					</div>
				</div>
				<div id='jqxTree2'></div>
			</div>

		</div>
		<div id="map_canvas">
			<!--div id='map_canvas'></!--div-->
		</div>
	</div>
	<div style="height: 100%; width: 100%">
		<div id='jqxDockPanel'style="height: 100%; width: 100%">
			<div dock='left' style="text-align: center;width:100%">
				<div style="text-align: center;padding: 5px">
					<b>Машина </b>
					<span id="CarName"></span>
				</div>
				<div style=";padding: 5px">
					<b>Серийный номер </b>
					<span id="SerialNumber"></span>
				</div>
				<!--
				<div style="padding: 5px">
					<div><b>Связь</b></div>
					<span id="ConnectionState">связь есть</span>
				</div>
					-->
			</div>
			<div dock='left' >
					<div style="text-align: center;width: 95%">
						<b>Сообщения</b>
						 <div id='messageList'>
							<div dock='left' style="background-color: violet;width: 30%;padding: 5px"title="Важные" id="Message_0"></div>
							<div dock='left' style="background-color: pink;width: 30%;padding: 5px" title="Средней важности" id="Message_1"></div>
							<div dock='left' style="background-color: yellow;width: 30%;padding: 5px" title="Незначительные"id="Message_2"></div>
						</div>
					</div>
			</div>
			<div dock='left'>
				<div id='jqxChart' style="width:100%; height:100px"></div>
			</div>
			<div dock='left'>
				<div style="text-align: center;padding: 5px">
					<b>Уровень топлива в баке</b>
					<span style="height: 100%" id="gauge"></span>
				</div>
			</div>
			 <div dock='left'>
				<div style="text-align: center;padding: 5px">
					<div id="ListMesure">
				</div>
				</div>
			</div>
		</div>
	</div>
</div>
